﻿@model IEnumerable<MvcBJDCWebApp.Models.Calendar>

@{
    ViewBag.Title = "Index";
}

<style type="text/css">
    #header {
         margin-bottom: 20px;
         margin-top:20px;
         text-align:center
    }
</style>

<div id="header">
    <span class="label label-warning">赛程</span>
    <a href="#"><span class="label label-default">前一天</span></a>
    <span class="label label-success">比赛日期:@DateTime.Now.ToShortDateString()</span>
    <span class="label label-primary">后一天</span>
    <span class="label label-info">我的收藏</span>

</div>
<div class="table-responsive">
    <table class="table ">
        <tr>
            <th>       
                <input type="checkbox" />
            </th>
            <th>
                日期
            </th>
            <th>
                主队
            </th>
            <th>
                比分
            </th>
            <th>
                客队
            </th>
        </tr>

        @foreach (var item in Model)
        {
            <tr>
                <td>                    
                    <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.EventDate, "LongDateTime")
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.HomeTeam)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.HomeScore)
                    :
                    @Html.DisplayFor(modelItem => item.AwayScore)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.AwayTeam)
                </td>
            </tr>
        }

    </table>
</div>